<template>
<div id="app">
	<div>签到</div>
	<main></main>
	<div>1</div>
</div>
</template>

<script>
export default {
	name: 'Hello',
	data() {
		return {
			names: [],
			comment: '',
			cupSize: 200,
			loading: true,
			date: new Date()
		};
	}
}
</script>
<style>
#app {
	font-family: Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size: 16px;
	height: 100%;
	background-color: #262626;
	color: #ccc;
	position: relative;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
	background-color: #4c4c4c;
}
</style>